<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8" />
	<title>HMLT</title>
	<style type="text/css" media="all">
		* { padding:0; margin:0; }
		table {border:1px solid black;border-collapse:collapse;}
		th, td {border:1px solid black;padding:1px 3px;}
	</style>
</head>
<body>
<div id="page">
	<table style="">
		<caption>Table caption here</caption>
		<colgroup span="1" style="background:blue;"/>
		<colgroup span="2" style="background:red;"/>
		<thead>
			<tr>
				<th>Head 1</th>
				<th>Head 2</th>
				<th>Head 3</th>
			</tr>
		</thead>
		<tfoot>
			<tr>
				<td>Foot 1</td>
				<td>Foot 2</td>
				<td>Foot 3</td>
			</tr>
		</tfoot>
		<tbody> 
			<tr>
				<td>A</td>
				<td>B</td>
				<td>C</td>
			</tr>
			<tr>
				<td>D</td>
				<td>E</td>
				<td>F</td>
			</tr>
		</tbody>
	</table>
</div><!-- #page end! -->
</body>
</html>
